

<!DOCTYPE html>
<html lang="es">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript" charset="utf-8">
$(function(){
	$('#menuizquierdo li a').click(function(event){
		var elem = $(this).next();
		if(elem.is('ul')){
			event.preventDefault();
			$('#menuizquierdo ul:visible').not(elem).slideUp();
			elem.slideToggle();
		}
	});
});
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
	<script src="slides.min.jquery.js"></script>
	<script type="text/javascript">
		$(function(){
			$('.slides').slides({
				preload: true,
				preloadImage: 'img/loading.gif',
				play: 5000,
				pause: 2500,
				hoverPause: true,
				animationStart: function(current){
					$('.caption').animate({
						bottom:-35
					},100);
					if (window.console && console.log) {
						// example return of current slide number
						console.log('animationStart on slide: ', current);
					};
				},
				animationComplete: function(current){
					$('.caption').animate({
						bottom:-20
					},200);
					if (window.console && console.log) {
						// example return of current slide number
						console.log('animationComplete on slide: ', current);
					};
				},
				slidesLoaded: function() {
					$('.caption').animate({
						bottom:-20
					},200);
				}
			});
		});
	</script>
<link rel="stylesheet" href="menu-principal.css" type="text/css" />
	<link rel="stylesheet" href="menu_izquierdo.css" type="text/css" />
    
   <style type="text/css">
   .page{
			position:absolute;
			width:990px;
			/*background:#fff;*/
			left:12%;
		}
   
        #container {
            width: 990px;
            \\width: 990px;
            w\\idth: 990px;
            border: 0px solid #FFF;
            margin: 0px;
            margin-left: auto;
            margin-right: auto;
            padding: -5px;
        }

        #banner {
            padding: 0px;
            margin-bottom: ;
            background-color: #FFF;
        }

        #content {
            padding: 5px;
            margin-left:200px ;
            margin-right:50px;
            background-color: #FFFFFF;
			font-family:"Century Gothic";
			font-size:11pt;
			font-weight:normal;
			color:#000;
        }

        #sidebar-a {
			
            float: left;
            width: ;
            margin: 0;
            margin-right: ;
            padding: 5px;
            background-color:#FFF;
        }

        #sidebar-b {
            float: right;
            width: ;
            margin: 0;
            margin-left: ;
            padding: 5px;
            background-color: #FFF;
        }

        #footer {
            clear: both;
            padding: 5px;
            margin-top: ;
            
            background-color: #FFF;
        }
		#search{
			position:absolute;
			top:124px;
			right:200px;
			list-style:none;
			font-family:"Century Gothic";
			font-size:8pt;
			font-weight:normal;
			color:#fff;
		}
		#search li{
			float:left;
			margin-left:5px;
			vertical-align:middle;
		}
		#search input[type="TEXT"]{
			position:relative;
			top:1px;
			width:135px;
			height:16px;
			font-family:"Century Gothic";
			font-size:9pt;
			font-weight:normal;
			border:#111 1px solid;
		}
		.dnav{
			z-index:5;
			position:relative;
			background: url("gfx/down_bg_s.png") no-repeat;
			width:990px;
			height:50px;
			bottom:7px;
			left:17px;
		}
		.dnav ul{
			position:absolute;
			bottom:-5px;
			left:-25px;
			list-style:none;
			
		}
		.dnav ul li{
			float:left;
			padding-right:31px;
		}
		.dnav a{
			text-decoration:none;
			color:#303000;
			font-family:"Century Gothic";
			font-size:11pt;
			
		}
		.sidenav2{
			position:relative;
			bottom:px;
			left: -70px;
			
			height:0px;
			width:0px;
			z-index:6;
			color:#915722;
			font-weight:bold;
			font-family:"Century Gothic";
		}
		.sidenav2 ul{
			position:relative;
			list-style:none;
		}
		.sidenav2 ul li span{
			position:relative;
			left:10px;
		}
		.sidenav2 ul li a{
			color:#915722;
			font-family:"Century Gothic";
			font-size:10.5pt;
			font-weight:normal;
			text-decoration:none;
		}
		.sidenav2 ul li #icon{
			position:relative;
			top:8px;
		}
		
		#headertext{
			position:absolute;
			left:200px;
			top:30px;
			color:#9a9a9a;
			width:450px;
			font-family:"Century Gothic";
			font-size:13pt;
			font-weight:normal;
		}
		#socialmenu{
			position:absolute;
			top:5px;
			right:-55px;
			width:250px;
			list-style:none;
			margin: 0px auto;
		}
		#socialmenu li{
			position:relative;
			top:0px
			display:block;
			float:left;
			height:22px;
			margin-left:5px;
		}
		#socialmenu a{
			color:#303000;
			text-decoration:none;
			font-family:"Century Gothic";
			font-size:8pt;
			font-weight:normal;
		}
		#socialmenu li ul{
			position:absolute;
			display:none;
			list-style:none;
			top:20px;
			left:-180px;
		}
		#socialmenu li:hover ul{
			z-index:10;
			display:block;
			width:273px;
			height:295px;
			padding:10px 0 0 0;
			background: url("gfx/pulldownbg.png") no-repeat;
		}
		#socialmenu li:hover ul li{
			position:relative;
			font-family:"Century Gothic";
			margin: 0px auto;
			font-size:7pt;
			right:25px;
			width:273px;
			text-align:right;
		}
		#socialmenu li ul li input[Type="TEXT"]{
			border-style:none;
			width:113px;
			height:9px;
			color:#333;
			font-family:Arial;
			font-size:7pt;
			background: url("gfx/bg_inpt_.png");
		}
		#socialmenu li ul li input[Type="RADIO"]{
			border-style:none;
			width:113px;
			height:9px;
			color:#333;
		}
		.language{
			position:absolute;
			right:15px;
			bottom:50px;
			list-style:none;
		}
		.language a{
			text-decoration:none;
			font-family:"Century Gothic";
			font-size:7pt;
			color:#303000;
		}
		.Estilo1 {
	color: #915722;
	font-weight: bold;
	font-family: "Century Gothic";
}
/*   SLIDESHOW  */
		.slides{
			z-index:8;
			position:absolute;
			top:190px;
			left:200px;
		}
		.slides_container{
			width:731px;
			position:relative;
			overflow:hidden;
			display:none;
		}
		.slides_container div.slide {
			width:731px;
			height:341px;
			display:block;
		}
		/*Caption Slideshow*/
		.caption{
			z-index:9;
			position:absolute;
			right:-20px;
			width:249px;
			height:342px;
			color:#fff;
			padding:10px;
			font-family:"Century Gothic";
			font-size:15pt;
			font-weight:normal;
			background: url("gfx/slide_bg.png") no-repeat;
		}
		.caption a{
			color:#ffcc00;
			position:absolute;
			bottom:42px;
			right:50px;
			font-family:"Century Gothic";
			font-size:8pt;
			text-decoration:none;
		}
		/* pagination*/
		.pagination {
			z-index:15;
			position:absolute;
			margin:26px auto 0;
			width:100px;
			bottom:25px;
			right:130px;
		}
		.pagination li {
			float:left;
			margin:0 auto;
			list-style:none;
		}
		.pagination li a {
			display:block;
			width:12px;
			height:0;
			padding-top:12px;
			background-image:url(gfx/pagination.png);
			background-position:0 0;
			float:left;
			overflow:hidden;
		}
		.pagination li.current a {
			background-position:0 -12px;
		}

    </style>
</head>
<div class="page">
<body>

<ul class="language">
				<li><a href="">English</a>
			</ul>
<ul id="socialmenu">
				<li><a href=""><img src="gfx/facebook.png"></a></li>
				<li><a href=""><img src="gfx/youtube.png"></a></li>
				<li><a href=""><img src="gfx/twitter.png"></a></li>
				<li><a href="">Mi cuenta</a>
				
				</li>
				<li><a href="">Contacto</a>
					<ul>
						<li>Usario: <input type="text" /></li>
						<li>Contrase&ntilde;a: <input type="text" /></li>
						<li>Confirmar Contrase&ntilde;a: <input type="text" /></li>
						<li>Nombre: <input type="text" /></li>
						<li>Sexo: <input type="text" /></li>
						<li>Apellido Paterno: <input type="text" /></li>
						<li>Apellido Materno: <input type="text" /></li>
						<li>Facha de Nacimiento: <input type="text" /></li>
						<li>Correo Electr&iacute;nico: <input type="text" /></li>
						<li>Tel&eacute;fono: <input type="text" /></li>
						<li>Deseo ser Voluntario: <input type="radio" /></li>
						<li>Enviar: <input type="radio" /></li>
					</ul>
				</li>
			</ul>
<div id="headertext">
				La conservaci&oacute;n de la flora, la fauna y los ecosistemas prioritarios, promoviendo un desarrollo de la sociedad en armon&iacute;a con la naturaleza
			</div>
			
			


<div id="container">
        <div id="banner"><img src="gfx/header.jpg" width="990" height="178" />
        
        <div id="menu">
<ul>
<li class="nivel1"><a href="../index.html"  class="nivel1">Inicio</a>
<!--[if lte IE 6]><a href="#" class="nivel1ie">Opción 4<table class="falsa"><tr><td><![endif]-->
	
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>

  <li class="nivel1"><a href="../quien/quien.html" class="nivel1">Quienes somos</a>
<!--[if lte IE 6]><a href="#" class="nivel1ie">Opción 1<table class="falsa"><tr><td><![endif]-->
	<ul class="nivel2">
		<li><a href="../quien/principios.html">Principios y valores</a></li>
		<li><a href="../quien/historia.html">Historias de éxito</a></li>
		<li><a href="../quien/consejo.html">Consejo Directivo</a></li>
		<li><a href="../quien/equipo.html">Equipo de trabajo (staff)</a></li>	
		<li><a href="../quien/premio.html">Premios y reconocimientos</a></li>				
		<li><a href="../quien/informe.html">Informe anual y financiero</a></li>
		<li><a href="../quien/contacto.html">Contacto</a></li>
	</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
  </li>
   <li class="nivel1"><a href="../como/queycomo.html" class="nivel1">Que y como lo hacemos</a>
<!--[if lte IE 6]><a href="#" class="nivel1ie">Opción 2<table class="falsa"><tr><td><![endif]-->
	<ul class="nivel2">
		  <li class="nivel2"><a class="nivel2" href="../como/lineas.html">Líneas estratégicas »</a>
			<!--[if lte IE 6]><a href="#" class="nivel2ie">Opción 2.3 »<table class="falsa"><tr><td><![endif]-->
			<ul class="nivel3">
				<li><a class="primera" href="../como/conservacion.html">Conservación y manejo en ecosistemas prioritarios</a></li>
				<li><a href="../como/restauracion.html">Restauración de ecosistemas</a></li>
				<li><a href="../como/educacion.html">Educación Ambiental y comunicación estratégica</a></li>
				<li><a href="../como/desarrollo_c.html">Desarrollo comunitario sustentable</a></li>
				<li><a href="../como/politica.html">Política y gestión ambiental</a></li>
				<li><a href="../como/generacion.html">Generación y manejo de la información</a></li>
				<li><a href="../como/desarrollo_i.html">Desarrollo Institucional</a></li>
				
			</ul>
		  <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
			
			<li class="nivel2"><a class="nivel2" href="../como/programas.html">Programas »</a>
			<!--[if lte IE 6]><a href="#" class="nivel2ie">Opción 2.3 »<table class="falsa"><tr><td><![endif]-->
			<ul class="nivel3">
				<li><a href="../como/restauracion_agua.html">Restauración y Cosecha de agua</a></li>
				<li><a href="../como/proteccion.html">Protección y conservación de humedales</a></li>
				<li><a href="../como/conservacion_tierras.html">Conservación de tierras privadas</a></li>
				<li><a href="../conservacion_marina.html">Conservación marina y pesca sustentable</a></li>
				<li><a href="../como/educacuon_conservacion.html">Educación para la conservación</a></li>
				<li><a href="../como/comunidades.html">Comunidades Sostenibles</a></li>
			</ul>
		  <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
			
			
			<li class="nivel2"><a class="nivel2" href="../como/iniciativas.html">Iniciativas »</a>
			<!--[if lte IE 6]><a href="#" class="nivel2ie">Opción 2.3 »<table class="falsa"><tr><td><![endif]-->
			<ul class="nivel3">
				<li><a class="primera" href="../como/neutralizate.html">Neutralízate</a></li>
				<li><a href="../como/bosque.html">Bosque de Agua</a></li>
				<li><a href="../como/acciones.html">Acciones Forestales</a></li>
				<li><a href="../como/eco.html">Eco-eficiencia</a></li>
				
			</ul>
			<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
			
		
	</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
  <li class="nivel1"><a href="#" class="nivel1">Pronatura en tu regi&oacute;n</a>
<!--[if lte IE 6]><a href="#" class="nivel1ie">Opción 3<table class="falsa"><tr><td><![endif]-->
	<ul class="nivel2">
		<li><a href="#">Opción 3.1</a></li>
		<li><a href="#">Opción 3.2</a></li>
		<li><a href="#">Opción 3.3</a></li>
	</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li class="nivel0"><a  class="nivel0"></a>
<!--[if lte IE 6]><a href="#" class="nivel1ie">Opción 4<table class="falsa"><tr><td><![endif]-->
	
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>

<li class="nivel0"><a  class="nivel0"></a>
<!--[if lte IE 6]><a href="#" class="nivel1ie">Opción 4<table class="falsa"><tr><td><![endif]-->
	
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li class="nivel0"><a class="nivel0"></a>
<!--[if lte IE 6]><a href="#" class="nivel1ie">Opción 4<table class="falsa"><tr><td><![endif]-->
	
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li class="nivel0"><a  class="nivel0"></a>
<!--[if lte IE 6]><a href="#" class="nivel1ie">Opción 4<table class="falsa"><tr><td><![endif]-->
	
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li class="nivel0"><a  class="nivel0"></a>
<!--[if lte IE 6]><a href="#" class="nivel1ie">Opción 4<table class="falsa"><tr><td><![endif]-->
	
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>

<li class="nivel0"><a  class="nivel0"></a>
<!--[if lte IE 6]><a href="#" class="nivel1ie">Opción 4<table class="falsa"><tr><td><![endif]-->
	
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>




  <li class="nivel1"><a href="#" class="nivel1">Dona ahora</a>
<!--[if lte IE 6]><a href="#" class="nivel1ie">Opción 4<table class="falsa"><tr><td><![endif]-->
	<ul class="nivel2">
		<li><a href="#">Opción 4.1</a></li>
		<li><a href="#">Opción 4.2</a></li>
		<li><a href="#">Opción 4.3</a></li>
		<li><a href="#">Opción 4.4</a></li>
	</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
  <li class="nivel1"><a href="#" class="nivel1">Revista</a>
<!--[if lte IE 6]><a href="#" class="nivel1ie">Opción 5<table class="falsa"><tr><td><![endif]-->
	<ul class="nivel2">
		<li><a href="#">Opción 5.1</a></li>
		<li><a href="#">Opción 5.2</a></li>
		<li><a href="#">Opción 5.3</a></li>
	</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</ul>
</div>
			
		</div>
        
        
        <ul id="search">
				<li>Buscar</li>
				<li><input type="text"></li>
				<li><a href=""><img src="gfx/worldicon.png" title="Buscar"></a></li>
  </ul>
        
        
    
        
</div>

        <div id="sidebar-a">
        
        
          <ul class="mi" id="menuizquierdo">
<li><a class="mi" href="#">Biodiversidad</a></li>
<li><a class="mi" href="#">Especies</a>
	<ul>
		<li><a class="mi" href="#">Jaguar</a></li>
		<li><a class="mi" href="#">Ballena Gris</a></li>
		<li><a class="mi" href="#">Murciélagos</a></li>
		<li><a class="mi" href="#">Tortugas Marinas</a></li>
        <li><a class="mi" href="#">Murciélagos</a></li>
        <li><a class="mi" href="#">Cotorra Serrana Occidental</a></li>
        <li><a class="mi" href="#">Aguila Real</a></li>
        <li><a class="mi" href="#">Teporingo</a></li>
        <li><a class="mi" href="#">Mono araña</a></li>
        <li><a class="mi" href="#">Pecarí de labios blancos</a></li>
        <li><a class="mi" href="#">Oso negro</a></li>
        <li><a class="mi" href="#">Vaquita Marina</a></li>
	</ul>
</li>
<li><a class="mi" href="#">Ecosistemas</a>
	<ul>
		<li><a class="mi" href="#">Bosques y selvas</a></li>
		<li><a class="mi" href="#">Mares y costas</a></li>
		<li><a class="mi" href="#">Humedales </a></li>
		<li><a class="mi" href="#">Desiertos</a></li>
        
	</ul>
</li>


</ul>
        
         </div>

        <div id="sidebar-b">
        
        <div class="sidenav2">
				
				<ul>
					<li><a href=""><img src="gfx/membraso.png" id="icon" title="Membresia"></li>
					<li><a href=""><img src="gfx/voluntario.png" id="icon" title="Voluntariado"></li>
					<li><a href=""><img src="gfx/tienda.png" id="icon" title="Tienda virtual"></li>
					<li><a href=""><img src="gfx/verde.png" id="icon" title="Se verde"></li>
					<li><a href=""><img src="gfx/adopta.png" id="icon" title="Adopta una especie"></li>
					<li><a href=""><img src="gfx/dona_ahora.png" id="icon" title="Dona ahora"></li>
				</ul>
			</div>
        
</div>

        <div id="content">
          <a></a>
          

<div class="slides">
				<div class="slides_container">
					
					
					<div class="slide">
						<a href="#" title="" target="_blank"><img src="gfx/mono.jpg" width="731px" height="341px" alt="Slide 2"></a>
						<div class="caption" style="bottom:-20px;">
										<p>Biodiversidad</p>
										<a href="">Ver m&aacute;s...</a>
						</div>
					</div>
					<div class="slide">
						<a href="#" title="" target="_blank"><img src="gfx/tucan.jpg" width="731px" height="341px" alt="Slide 1"></a>
						<div class="caption" style="bottom:-20px;">
										<p>Biodiversidad</p>
										<a href="">Ver m&aacute;s...</a>
						</div>
					</div>
					
					
					
					
				</div>
			</div>
          <br>
          <br>
          <br>
          <br>
          <br>
          <br>
          <br>
          <br>
          <br><br><br><br><br><br><br><br><br><p class="Estilo1">Biodiversidad</p><br><br>
          <p align="justify">La misión de Pronatura México es la conservación de la flora, la fauna y los ecosistemas prioritarios, promoviendo un desarrollo de la sociedad en armonía con la naturaleza. La oficina de Pronatura México A.C., fue creada en 1981 y ha sido la instancia a partir de la cual se han constituido las representaciones regionales y estatales con las que integra el Sistema Nacional Pronatura, cuyas estrategias y acciones están orientadas a lograr la conservación y el desarrollo sustentable de regiones y sitios prioritarios para la conservación de la biodiversidad del país. <br><br>

Los programas temáticos de Pronatura México se resumen en:<br> 
-Cambio Climático<br>
-Conservación de Tierras Privadas y Sociales;<br>
-Agua<br>
-Fondos Verdes<br>
-Especies Prioritarias<br>
</p>
          
</div>

    <div id="footer">
    
    <div class="dnav">
				<ul>
					<li><a href="#">Porque lo hacemos</li>
					<li><a href="#">Donantes</a></li>
					<li><a href="#">Amigos Pronatura</a></li>
					<li><a href="#">Blog</a></li>
					<li><a href="#">Bolsa de Trabajo</a></li>
					<li><a href="#" style="color:#666;">Terminos de Prevacidad</a></li>
					<li><a href="#" style="color:#666;">Director&iacute;o</a></li>
				</ul>
			</div>
    
    <img src="gfx/footer.jpg" width="990" height="78" />
    
    
    </div>
    
</body>
</div>
</html>